<template>
  <el-card>
    <template #header>
      <div>什么是state</div>
    </template>
    <el-descriptions>
      <el-descriptions-item label="文献">
        https://inhiblabcore.github.io/docs/hooks/
      </el-descriptions-item>
    </el-descriptions>
    <WordHighlighter query="状态数据">
      <p>
        在 Vue3 中，state 是指组件的状态数据。它是一个响应式的对象， state
        可以存储组件内部需要共享或修改的数据，当 state
        的值发生变化时，相关的视图也会自动更新。
      </p>
    </WordHighlighter>
  </el-card>
</template>
<script setup>
  import WordHighlighter from "vue-word-highlighter";
</script>
